<template>
  <div id="app">
    <HButton type="danger">
      Danger
    </HButton>
    <HButton type="primary">
      Primary
    </HButton>
     <HButton size="small">
      Danger
    </HButton>
    <HButton size="large">
      Primary
    </HButton>
    <HButton>
      Primary
    </HButton>
    <!-- 符合测试 -->
    <HButton type="primary" size="small">复合按钮</HButton>
    <HButton @click="clickHandler" type="primary" size="small">点击按钮</HButton>
    <Editor v-model="content" />
  </div>
</template>

<script>
import HButton from './components/Button'
import Editor from './components/Editor/'
export default {
  name: 'App',
  components: {
    HButton, Editor
  },
  data () {
    return {
      content: '我是编辑器,我出来了'
    }
  },
  methods: {
    clickHandler (e) {
      console.log('鼠标点击了', e)
    }
  }
}
</script>
